@font-face {
  font-family: 'iconfont';  /* Project id 4084593 */
  src: url('//at.alicdn.com/t/c/font_4084593_rhaa4ccij9.woff2?t=1690791027079') format('woff2'),
       url('//at.alicdn.com/t/c/font_4084593_rhaa4ccij9.woff?t=1690791027079') format('woff'),
       url('//at.alicdn.com/t/c/font_4084593_rhaa4ccij9.ttf?t=1690791027079') format('truetype');
}

@font-face{
  font-family: 'DIN';
  src: url("../fonts/DINOT-CONDBLACK.OTF"); 
  font-weight: normal;
  font-style: normal;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html{scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'Microsoft YaHei','PingFang SC',sans-serif,Arial, Helvetica, Verdana;overflow-x:hidden!important;height:100%;font-size: 14px;width:100%;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 蓝色 #074598*/
body{--zhu-color:#074598;--pei-color:#c00505;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;position: relative;}
/*.wrappp{width:100%;padding:0 100px;}*/
.img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.fancynav-mainnav{position: fixed;z-index: 999!important;}
@media(min-width: 1600px){
  .wrap{width:1600px;}
  .wrapp{width:1600px;}
}
/*@media(max-width: 1600px){
  .wrappp{padding:0;}
}*/

@media(max-width: 1024px){
  
}

/*侧滑菜单*/
.demolist{display: none;}
.fancynav-mainnav{position: fixed;}

/*自定义滚动条*/
body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : var(--zhu-color);
}
body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background   : #ededed;
}

/*选色器*/
.change-color{position: fixed;left:5px;top:50%;transform: translateY(-50%);z-index: 999}
.change-color ul{display: flex;flex-direction: column;width:90px;position:relative;}
.change-color ul li{border-radius: 3px;background: #ddd;padding:5px;display: flex;flex-direction: column;margin-bottom: 3px;}
.change-color ul li .hd{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 3px;}
.change-color ul li .hd p{color:#333;font-size: 14px}
.change-color ul li .hd img{cursor: pointer;}
.change-color ul li .bd{width:100%;height: 30px;border:solid 1px #eee;background: #fff;line-height: 30px;padding:0 10px;}
#zhuColor{color:var(--zhu-color);}
#peiColor{color:var(--pei-color);}
/*侧滑菜单*/
.demolist{display: none;}
.fancynav-mainnav{position: fixed;}
/*在线客服*/
.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 9;}
.online_kefu ul li{ border: 1px solid #efefef; list-style-type:none; width:50px; height:60px; padding-top: 7px;  text-align: center; position: relative; background-color: #fff; color: #666666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 20px;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; line-height:25px;display: flex;flex-direction: column;align-items: center;}
.online_kefu ul li .hover_con{border-radius: 3px; position: absolute; left:-200px;left:-100px;  width: 120px; color: #ffffff !important; text-align: center;background-color: var(--zhu-color);height:40px; line-height:40px; bottom: 7px; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}

.online_kefu li:hover{background-color:var(--zhu-color); color: #fff;border: 1px solid var(--zhu-color);}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover span{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid var(--zhu-color); display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none !important;}
}

@media (max-width: 767px) {
    .online_kefu{bottom: 20vh;}
  .mobile_mob { display: inline-block !important; }
  .mobile_pc { display: none !important; }
}

/*fenye*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
  .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 35px;}
  .de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
  .de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
  .de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
  .de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
  .de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
  .de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}